<template>
  <div class="right-scan-area">
    <div style="height: 30px"></div>
    <el-col>
      <span class="onehaozi">打开MOM APP</span>
    </el-col>
    <div style="height: 20px"></div>
    <el-col>
      <span>在 [我的页] 左上角打开扫一扫</span>
    </el-col>
    <div style="height: 55px"></div>
    <div class="erweima-biankuang">
      <vue-qr
        color-dark="#1647BF"
        :logo-scale="0.2"
        :margin="5"
        :size="150"
        text="qrcodeText"
      />
    </div>
    <div style="height: 20px"></div>
    <span class="onehaozi">刷新二维码</span>
  </div>
  <div style="height: 35px"></div>
  <div class="scan-gn">
    <el-button round size="small">下载MOM App</el-button>
    <el-button round size="small">帮助手册</el-button>
    <el-button round size="small">联系客服</el-button>
  </div>
</template>

<script setup>
  import VueQr from 'vue-qr/src/packages/vue-qr.vue'

  // const qrcodeText = ref('123')
</script>

<style lang="scss" scoped>
  .rightScanArea {
    margin: 20px;
    .scan-gn {
      display: flex;
      flex-direction: row;
    }
    .erweima-biankuang {
      width: 200px;
      height: 200px;
      border: 2px solid #454545;
    }
  }
</style>
